	@import "../../css/comm.css";
	@import "../../css/iconfont/iconfont.css";

	/* nav */

	#navbg{
		width: 3.75rem;
		height: 1.46rem;
		position: fixed;
		background-color: #fff;
        top: 0rem;
        left: 0;
	}
	.navbg {
		width: 3.75rem;
		height: 0.64rem;
		overflow: hidden;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        background-color: #fff;
        border-bottom-style: solid;
        border-bottom-color:#DDDDDD;
        border-bottom-width: 1px;
	}

    #navbg .left{
        height: 0.64rem;
        width: 0.5rem;
    }
    #navbg .mid{
        height: 0.64rem;
        width: 1rem;
        font-size: 0.18rem;
    }
    #navbg .right{
        height: 0.64rem;
        width: 0.5rem;
    }
    #navbg div{
        text-align: center;
        line-height: 0.64rem;
    }

	/* chooseBar */
	.chooseBar{
		width: 3.75rem;
		height: 0.36rem;
		display: inline-block;;
		line-height: 0.36rem;
		text-align: center;
		background-color: #FFFFFF
	}
	.chooseBar .chooseBtn{
		margin: 0rem auto;
	}
	.chooseBar .chooseBtn p{
		display: inline-block;
		color: #888888;
	}
	.chooseBar .chooseBtn img{
		display: inline-block;
	}

	/* dateBar */
	#dateBar{
		width: 3.75rem;
		height: 0.4rem;
		background-color:#F8F8F8;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		padding-left: 0.15rem;
		padding-right: 0.15rem;
	}
	#dateBar .mounth{
		width: 0.6rem;
		height: 0.22rem;
		background-color:#fff;
		border-radius: 0.10rem;
		text-align: center;
		display: inline-block;
		line-height: 0.22rem;
	}
	#dateBar .mounth p{
		font-size: 0.14rem;
		display: inline;
		color: #888888
	}
	#dateBar .mounth img{
		display: inline;
	}
	#dateBar .description{
		color: #888888;
		font-size: 0.12rem;
	}
	

	/* cell-list  */
	.cell-bg {
		width: 3.75rem;
		height: 0.75rem;
		display: inline-block;
		overflow: hidden;
		padding: 0.15rem;
		background-color: #fff;
        border-bottom-style: solid;
        border-bottom-color:#DDDDDD;
        border-bottom-width: 1px;

	}

	.cell-bg .left {
		height: 0.45rem;
		float: left;
		display: flex;
		flex-direction: row;
		text-align: left;
	}
	.cell-bg .left .icon-in{
		height: 0.36rem;
		width: 0.36rem;
		border-radius: 0.18rem;
		background-color: #FA8C16;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-right: 0.1rem;
	}
	.cell-bg .left .icon-out{
		height: 0.36rem;
		width: 0.36rem;
		border-radius: 0.18rem;
		background-color: #3977FF;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		margin-right: 0.1rem;
	}


	.cell-bg .left .up {
		font-size: 0.14rem;
		color: #000
	}

	.cell-bg .left .down {
		font-size: 0.12rem;
		color: #BBBBBB
	}

	.cell-bg .right .up {
		font-size: 0.12rem;
		color: #000
	}

	.cell-bg .right .down {
		font-size: 0.18rem;
	}

	.cell-bg div {
		line-height: 0.225rem;
	}

	.cell-bg .right {
		height: 0.45rem;
		float: right;
		display: line;
		text-align: right;
	}